<!DOCTYPE html>
<html class="x-admin-sm">
    
    <head>
        <meta charset="UTF-8">
        <title>欢迎页面-X-admin2.2</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="./css/font.css">
        <link rel="stylesheet" href="./css/xadmin.css">
        <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="./js/xadmin.js"></script>
        <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
        <!--[if lt IE 9]>
            <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
            <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
       <div class="layui-fluid">
                   <div class="layui-row">
                       <form class="layui-form">
                           <div class="layui-form-item">
                               <label for="userName" class="layui-form-label">
                                   <span class="x-red">*</span>用户名称</label>
                               <div class="layui-input-inline">
                                   <input type="text" id="userName" name="userName" required="required" class="layui-input"></div>
                              </div>
                           <div class="layui-form-item">
                               <label for="sex" class="layui-form-label">
                                   <span class="x-red">*</span>性别</label>
                               <div class="layui-input-inline">
                                   <input type="text" id="sex" name="sex" required="required"  class="layui-input"></div>
                           </div>
                          <div class="layui-form-item">
                              <label for="phone" class="layui-form-label">
                                  <span class="x-red">*</span>手机号</label>
                              <div class="layui-input-inline">
                                  <input type="text" id="phone" name="phone" required="required"  class="layui-input"></div>
                          </div>
						  <div class="layui-form-item">
						      <label for="email" class="layui-form-label">
						          <span class="x-red">*</span>邮箱</label>
						      <div class="layui-input-inline">
						          <input type="text" id="email" name="email" required="required"  class="layui-input"></div>
						  </div>
						  <div class="layui-form-item">
						      <label for="address" class="layui-form-label">
						          <span class="x-red">*</span>地址</label>
						      <div class="layui-input-inline">
						          <input type="text" id="address" name="address" required="required"  class="layui-input"></div>
						  </div>
						  <div class="layui-form-item">
						      <label for="createTime" class="layui-form-label">
						          <span class="x-red">*</span>添加时间</label>
						      <div class="layui-input-inline">
						          <input type="date" id="createTime" name="createTime" required="required"  class="layui-input"></div>
						  </div>
       				   <div class="layui-form-item">
       				   				<label for="L_repass" class="layui-form-label"></label>
       				   				<button class="layui-btn" lay-filter="add" lay-submit="">添加用户</button>
       				   			</div>
                       </form>
                   </div>
               </div>
        <script>
			layui.use(['form','layer'],function(){
							//获取form对象
							var form=layui.form,
							layer=layui.layer,
							$=layui.jquery;
							form.on('submit(add)',function(obj){
								
								//ajax向后台发送添加请求
								$.post('http://localhost:8080/addUser',obj.field,function(r){
									console.log("添加完成",r);
									//获取弹出层编号
									var index=parent.layer.getFrameIndex(window.name);
									//关闭弹出层
									parent.layer.close(index);
									//修改成功后刷新父界面
									window.parent.location.reload();
									 
									if(r.code!=200){
										//添加失败
										 console.log('-------------------',r.msg);
										layer.msg(r.msg)
									}
								},"json");
								return false;
							})
						
						})
		</script>
    </body>

</html>